"use client";

import { memo } from "react";
import type { ReactNode, FC } from "react";
import styles from "./style.module.scss";
import CommonHeader from "@/components/common-header";
import SongsItemV1 from "@/components/songs-item-v1";
import DaylySongs from "../dayly-songs";
interface IProps {
  children?: ReactNode;
}

const PersonalizedRD: FC<IProps> = (props) => {
  return (
    <div className={styles.personalizedWrapper}>
      <CommonHeader
        icon="sprite_02"
        iconShow={true}
        name="个性化推荐"
        moreLink=""
        keywords={[]}
      />
      <div className={styles.list}>
        <DaylySongs
          name={"每日歌曲推荐"}
          tips={"根据你的口味生成，每天6:00更新"}
        ></DaylySongs>
        <SongsItemV1
          playCount={214900000}
          picUrl="https://p1.music.126.net/J5Gf2W1XSuwOS0gegA9ryA==/109951168645398914.jpg?param=140y140"
          name="私人雷达"
          tips="猜你喜欢"
        />
        <SongsItemV1
          playCount={3636000}
          picUrl="https://p1.music.126.net/VcMihZp9CTuoypmVm_7VeQ==/109951167690303779.jpg?param=140y140"
          name="声线魅力|打造流行金嗓计划"
          tips={"最近在听"}
        />
        <SongsItemV1
          playCount={214900000}
          picUrl="https://p1.music.126.net/ehRSw8wjZao5fecW_gcL0A==/109951168924967872.jpg?param=140y140"
          name="草东/万青/康士坦/犬儒/回春丹/梅卡/蛙池…"
          tips="最近常听"
        />
      </div>
    </div>
  );
};

export default memo(PersonalizedRD);
